<template>
    <view class="container">
        <image class="top-bg" src="@/static/contactInformation/ic_lxwm_bg.png" mode="widthFix"></image>
        <uni-nav-bar leftText="联系我们" statusBar :border="false" backgroundColor="transparent" :leftWidth="300"
            color="white"></uni-nav-bar>

        <view class="w-box">
            <text class="title">综合金融服务中心</text>
            <companyAttributeItem title="联系人" desc="赵国傲" />
            <companyAttributeItem title="电话" desc="18363071103 / 0531-88255070" />
            <companyAttributeItem title="地址" desc="济南市历下区大东路9号T3塔楼科创金融中心3层" />
            <companyAttributeItem title="邮箱" desc="zga18363071103@126.com" />

        </view>
    </view>
</template>
<script setup>


import companyAttributeItem from './components/companyAttributeItem.vue'
</script>
<style lang="scss" scoped>
.container {
    position: relative;
    min-height: 100vh;
    background: white;
}

.top-bg {
    width: 100%;
    position: absolute;
    top: -1rpx;
    left: 0;
    height: 629rpx;
    right: 0;
    display: block;
}

.w-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    top: 590rpx;
    padding-top: 44rpx;
    background: white;
    border-radius: 21rpx 21rpx 0rpx 0rpx;
    display: flex;
    flex-direction: column;

    .title {
        margin: 0 20rpx 30rpx;
        font-weight: 600;
        font-size: 36rpx;
        color: #061612;
    }
}
</style>